/*
  学习目标：函数式组件-React中的props传值
*/
import React, { Component } from 'react';

export default class App extends Component {
  render() {
    return (
      <div>
        {/* 1.给组件标签设置标签属性 */}
        <Child msg="123" title="Hello React"></Child>
      </div>
    );
  }
}

// 💥 React不必先定义，也不一定必须使用
// 👍 可以解构形参
function Child({ msg, title }) {
  // 2. 通过形参去接收props
  return (
    <div>
      <h2>
        {msg} -- {title}
      </h2>
    </div>
  );
}
